草庐IT

android - 在 Android 的 Canvas 上绘制 GridView

全部标签

javascript - 将字节转换为图像以在 HTML5 Canvas 上绘制

有人知道我如何将通过websocket(从C#应用程序)发送的字节转换为图像吗?然后我想在Canvas上绘制图像。我可以看到两种方法:以某种方式在Canvas上以字节形式绘制图像而不进行转换它。然后在javascript中以某种方式将字节转换为base64字符串画画。这是我接收绘图字节的函数:functiondraw(imgData){varimg=newImage();img.onload=function(){cxt.drawImage(img,0,0,canvas.width,canvas.height);};//WhatIwasusingbefore...img.src="da

javascript - 通过 node.js 发送 android 推送通知

我最近一直在尝试向我的android和ios设备发送推送通知。对于ios,我发现node-apn模块将用于处理此问题,但对于android,我还没有遇到过任何此类问题。任何帮助将不胜感激。 最佳答案 还有另一种选择;android-gcm.它非常易于使用。文档中的代码示例:vargcm=require('android-gcm');//initializenewandroidGcmobjectvargcmObject=newgcm.AndroidGcm('API_KEY');//createnewmessagevarmessage=

javascript - 我在 Chrome 中收到 "Canvas has been tainted"错误,但在 FF 中没有

我的Javascript实现有问题。该脚本将在Firefox中运行,但在Chrome中它会显示:Unabletogetimagedatafromcanvasbecausethecanvashasbeentaintedbycross-origindata.index.html:1UncaughtError:SecurityError:DOMException18有谁知道造成这种不一致行为的原因是什么? 最佳答案 Chrome不认为不同的本地文件来自同一域。也就是说,您通过file://URL引用的每个本地文件都被视为来自与其他file

javascript - HTML5 Canvas : Moving/panning world with arrow keys in EaselJS

经过一年的学习和反复试验,我觉得我开始对JavaScript有了更多的了解。所以,现在,我想尝试编写一个简单的2D平台游戏(想想《super马里奥世界》或《刺猬索尼克》)。为此,我将使用EaselJS库。我想弄清楚如何使用左右箭头键在Canvas中移动/平移“世界”。我知道如何在箭头键的keydown上运行函数,但我不太确定应该如何处理移动/平移。当按下一个键时,我是否应该调整Canvas中每一个东西的位置/坐标?或者我是否应该将所有东西都放在一个容器中并移动容器的位置/坐标?我会感激任何能将我推向正确方向的东西。泰夫姆:)更新了答案Thechosenanswerbelow确认我确实必

javascript - 如何知道 Canvas 是普通 Canvas 还是webgl Canvas

如何知道Canvas运行的是“WebGL”还是普通Canvas?通过检查源代码,我发现这两种情况都是Canvas。 最佳答案 这真的取决于你想如何去发现。例如你可以这样调用`getContext'if(someCanvas.getContext("2d")){//It'sa2Dcanvas}elseif(someCanvas.getContext("experimental-webgl")||someCanvas.getContext("webgl")){//It'saWebGLcanvas}不幸的是,如果之前没有人调用过getCo

javascript - ChartJs 折线图在悬停时重新绘制故障

我有以下代码利用ChartJS库。/*assumethetagsintherightplace*/varctx=$("#graph1").get(0).getContext("2d");varmyChart=newChart(ctx).Line(graph1Generator("day"));...一切正常,但在添加以下事件处理程序以使用不同数据清除和重新绘制相同图表后,出现故障。weekButton.addEventListener("click",function(){ctx.clearRect(0,0,300,300);ctx.canvas.width=300;ctx.canva

javascript - 将 Raphael JS 在 Canvas 中生成的 SVG 保存为 png 时出现问题

我正在尝试转换RaphaelJS生成的SVG(和用户,因为您可以拖动和旋转图像)。我跟着这个ConvertSVGtoimage(JPEG,PNG,etc.)inthebrowser但仍然无法获取。这一定很简单,但我不能指出我做错了什么。我将我的svg放在一个div中,#ec作为id,Canvas的是#canvas。functionsaveDaPicture(){varimg=document.getElementById('canvas').toDataURL("image/png");$('body').append('');}$('#save').click(function(){

javascript - Html5 Canvas Bezier 上的虚线曲线

对于我的一个应用程序,我需要在Html5Canvas中的贝塞尔曲线路径上绘制虚线曲线...破折号的长度和中间的间隙应该是可变的...它可以在JavaFx中实现,seethislink...我想使用Html5Canvas实现相同的效果。我知道如何绘制直线虚线,但不知道如何沿着贝塞尔曲线绘制曲线...虽然我不是专家,但我知道bezierdrawingalgorithm,我看到这个算法的问题是,它允许您使用范围从0到1的时间参数来识别贝塞尔曲线上的坐标...这还不够,因为要绘制虚线贝塞尔曲线,我需要在主要贝塞尔曲线路径上绘制许多具有指定长度参数和给定间隙距离的小贝塞尔曲线。JavaFx必须使

javascript - 在隐藏元素中绘制 OpenLayers 3 map

我正在编写一个页面,您可以在其中查看有关区域和map的详细信息。详细信息在一个选项卡上,map在另一个选项卡上。HTML的相关部分如下,类来自Bootstrap.DetailsMap图block层来自OSM,矢量图层通过提供KML文件的URL加载。它使用OpenLayers3.0.0执行此操作如下:functionShowMap(){vararea=$('#AreaCode').val();$('#map-container').empty();if(area!=null&&area!=''){varkmlUrl='/kml?code='+area;vartile=newol.laye

javascript - 使用谷歌地图绘制不规则同心圆

我有点问题。我正在尝试使用Javascript和GoogleMapsAPIv2执行以下操作:我可以使用在Internet上找到的公式很好地绘制单个圆圈。我面临的问题是圈子必须:一个。保持同心,并且B.每个“象限”必须有不同的半径,即NE、NW、SE和SW我几乎在Internet上搜索了所有我能想到的地方,但没有想出如何做到这一点。显然以前有人这样做过,因此我为什么要在程序员论坛上提问。:)谢谢!更新:我已经使用以下代码绘制出我认为每个点的坐标。对于下图:这是使用以下JS获得的:http://gist.github.com/181290注意:此javascript来自(稍作修改)以下站点